<!DOCTYPE HTML>
<html>
<head>
<link rel='shortcut icon' href='/~n00659426/favicon.ico' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.6">
<title>Assignment 2</title>
<link rel='shortcut icon' href='/~n00659426/favicon.ico' />
<link rel='stylesheet' type="text/css" href="../css/css-reset.css" />
<link rel='stylesheet' type="text/css" href="../css/grid.css" />
<link rel='stylesheet' type='text/css' href='../style.css' />
<style type="text/css">
    @media only screen and (max-width: 767px) {
        #formContainer form {
            width: 100% !important;
        }
        #ans {
            margin-left: 3.33%;
        }
        figure {
            margin-left: 13%;
        }
        #return {
            text-align: center;
        }
    }
    @media only screen and (max-width: 480px) {
        form {
            margin-left: 0;
        }
        #ans {
            margin-left: 0;
        }
        figure {
            margin-left: 0;
        }
    }
</style>
<!--[if lte IE 9]>
<script src='js/html5shiv.js'></script>
<![endif]-->
<script type="text/javascript" src="../js/autopop.js"></script>
<script type="text/javascript" src="../js/ga.js"></script>
</head>
<body onload="returnNav(document.getElementById('return'));">
    <header class="header-wrapper">
        <div class="row">
        <div class="twelve columns">
            <div class="two columns"></div>
            <h1 class="eight columns"><a href="http://cop4813.ccec.unf.edu/~n00659426/cop4813/">ePortfolio for COP 4813/5819: Internet Programming</a></h1>
            <div class="two columns">
                <div class="contact-wrapper">
                    <a href="mailto:matthewspaulc@gmail.com"><div class="mailme"></div></a>
                    <a href="//plus.google.com/111430808519661133327/"><div class="gplus"></div></a>
                </div>
            </div>
        </div>
        <div class="twelve columns">
            <div class="five columns"></div>
            <div class="two columns end">
                <h3>Paul Matthews</h3>
            </div>
        </div>
        <hr class="twelve columns"/>
        </div>
    </header>
	<nav class="main-nav">
	    <div class="row">
        <div class="twelve columns">
            <ul id="nav-list">
                <li><a class="nav-ass" href="../assign1/index.html">Assignment 1</a></li>
                <li><a class="nav-ass" href="index.html">Assignment 2</a></li>
                <li><a class="nav-ass" href="../assign3/index.html">Assignment 3</a></li>
                <li><a class="nav-ass" href="../stub.html">Assignment 4</a></li>
                <li><a class="nav-ass" href="../stub.html">Assignment 5</a></li>
                <li><a class="nav-ass" href="../stub.html">Assignment 6</a></li>
            </ul>
        </div>
        </div>
    </nav>
    <main class="row" role="main" id="calc">
        <div class="twelve columns">
        <h1 class="row">Number Manipulator</h1>
        <div class="row" id="formContainer">
            <div class="three columns"></div>
        	<form class="seven columns end" name="form">
        		<div class="input">
                    <input type="text" name="frmInput" id="frmInput"
                        onclick="this.value=''"></input>
                </div>
                <hr />
                <table>
                <tr>
                <td>
                <div class="input">
                	<input type="radio" id="op" name="op" value="factor" onclick="hideDrop()">
                	Factor</input>
            	</div>
            	</td>
            	<td>
            	<div class="input" id="fConD">
                	<input type="checkbox" id="fCon" onclick="showDrop()">
                	Convert the factors</input>
            	</div>
            	</td>
            	<td>
                </td>
                </tr>
                <tr>
                <td>
                <div class="input">
                	<input type="radio" id="op" name="op" value="convert" onclick="hideFact()">
                	Convert</input>
                </div>
                </td>
                <td>
                <div class="input">
                    <select id="dropdown">
                    	<option>16</option>
                    	<option>8</option>
                    	<option>2</option>
                    </select>
                </div class="input">
                </td>
                <td>
                </td>
                </tr>
                </table>
                <hr />
                <div class="input">
                	<input type="button" onclick="main()"
                    	value="Calculate" />
            	</div>
            	<div class="input">
            	    <input type="reset" value="Reset Form" onclick="seeOpt()" />
    	        </div>
            </form>
            <script type="text/javascript" src="../js/assign2.js"></script>
        </div>
        <div class="row">
            <div class="row" id="return"></div>
        </div>
        <div class="row">
        <div class="three columns"></div>
            <p class="seven columns end" id="ans"></p>
        </div>
		<div class="twelve columns">
		  <figure>
		    <img height="874" width="551" src="../img/a2-flow.png" alt="Structured Flowchart" />
		  </figure>
		</div>
		</div>
	</main> <!-- end main -->
	<footer class="row" id='footer'>
	    <p>Copyright &copy; 2013 | Paul Matthews</p>
	</footer>
</body>
</html>
